<template>
    <div id="app">
        <div class="father">
           <div class="box1">
                <Slider></Slider>
                <Kind></Kind>
                <Alllist/>
            </div>
            <div class="box2">
                <Slider2></Slider2>
                <p></p> 
                <Bangdan></Bangdan>
            </div> 
            
        </div>
   
       
    
      
    </div>
</template>

<script>
import Slider from '../components/Slider.vue'
import Kind from '../components/kind.vue'
import Slider2 from '../components/Slider2.vue'
import Alllist from '../components/alllist.vue'
import Bangdan from '../components/bangdan.vue'

export default {
    name:'App',
    components:{
         Slider,
         Kind,
         Slider2,
         Alllist,
         Bangdan,
    }
}
</script>

<style scoped>
.father{
    display: flex;
}
.box1{
    padding-top: 50px;
    width: 60%;
    margin-right: 10%;
}
.box2{
    padding-top: 50px;
    width: 30%;
}
p{
    height: 60px;
}
</style>